<template></template>

<script setup>

onMounted(() => {
  const map = useGlobalMap()
  map.addControl(NavControl)
  map.addControl(zoomslider)
  map.addControl(mousePositionControl)
  map.addControl(scaleLineControl)
  map.addControl(fullScreen)
  map.addControl(overviewMapControl)
})
</script>

<style lang="less">
/* 鹰眼控件的样式 */
.ol-custom-overviewmap {
  /* position: fixed; */
  right: 0;
  bottom: 0;
  top: auto;
  left: auto;
}

.ol-overviewmap-box {
  border: 1px solid #ff2d51;
}

.custom-mouse-position {
  position: absolute;
  bottom: 10px;
  left: 150px;
}

.ol-zoom {
  position: absolute;
  top: 70px;
}

.ol-zoom-extent {
  position: absolute;
  top: 130px;
}

.ol-rotate {
  position: absolute;
  top: 70px;
}

.ol-zoomslider {
  position: absolute;
  top: 170px;
}

.ol-full-screen {
  position: absolute;
  top: 70px;
}
</style>
